<!DOCTYPE html>
<!-- 
Template Name: Cool Town
Version: 1.0.0
Author: Webstrot

-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--[endif]-->

<head>
	<meta charset="utf-8" />
	<title>Cool Town</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta name="description" content="Cool Town" />
	<meta name="keywords" content="Cool Town" />
	<meta name="author" content="" />
	<meta name="MobileOptimized" content="320" />
	<!--Template style -->
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
	<link rel="stylesheet" type="text/css" href="css/fonts.css" />
	<link rel="stylesheet" type="text/css" href="css/flaticon.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="css/fullpage.min.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
	<link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />
	<!--favicon-->
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>

<body class="demo-3">
<!-- preloader Start -->
<div id="preloader">
	<div id="status">
		<img src="images/loader.gif" id="preloader_image" alt="loader">
	</div>
</div>
<!-- ck header wrapper Start -->
<div class="ck_navigation_main_wrapper ck_navigation_inner_main_wrapper float_left">
<div class="container-fluid">
	<div class="ck_logo_wrapper ck_logo_wrapper_inner">
		<a href="#">
			<img src="images/logo.png" alt="logo">
		</a>
	</div>
	<div class="ck_navigation_right_wrapper">
		<div class="main main--demo-3">
			<div class="content content--demo-3">
				<div class="hamburger hamburger--demo-3 js-hover hamburger_inner">
					<div class="hamburger__line hamburger__line--01">
						<div class="hamburger__line-in hamburger__line-in--01"></div>
					</div>
					<div class="hamburger__line hamburger__line--02">
						<div class="hamburger__line-in hamburger__line-in--02"></div>
					</div>
					<div class="hamburger__line hamburger__line--03">
						<div class="hamburger__line-in hamburger__line-in--03"></div>
					</div>
					<div class="hamburger__line hamburger__line--cross01">
						<div class="hamburger__line-in hamburger__line-in--cross01"></div>
					</div>
					<div class="hamburger__line hamburger__line--cross02">
						<div class="hamburger__line-in hamburger__line-in--cross02"></div>
					</div>
				</div>
				<div class="global-menu">
					<div class="global-menu__wrap" id='cssmenu'>
						<ul>
							<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">主页</a>
								<ul>
									<li><a href="index_II.html" class="global-menu__item global-menu__item--demo-3">主页详细</a>
									</li>
								</ul>
							<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">产品</a>
								<ul>
									<li><a href="product_sidebar.html" class="global-menu__item global-menu__item--demo-3">产品详情</a>
									</li>
								</ul>
							</li>
							<li><a class="global-menu__item global-menu__item--demo-3" href="gallery.html">产品展示</a>
							</li>
							<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">分页</a>
								<ul>
									<li><a href="cart.html" class="global-menu__item global-menu__item--demo-3">购物车</a>
									</li>
								</ul>
							</li>
							<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">博客</a>
								<ul>
									<li><a href="blog_single_right.html" class="global-menu__item global-menu__item--demo-3">博客详情</a>
									</li>
								</ul>
						</ul>
					</div>
				</div>
				<svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
					<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
					<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
					<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
				</svg>
			</div>
		</div>
		<div class="ck_login_btn">	<a href="#" data-toggle="modal" data-target="#myModal" id="logout" ><i class="flaticon-login-square-arrow-button-outline"></i></a>
		</div>
		<div class="buss_cart_section_wrapper">
			<div class="buzz_cart">
				<ul>
					<li class="buzz_cart_dropdown"><a href="#"><i class="flaticon-shopping-bag"></i> <span>3</span></a>
						<ul>
							<li>
								<div class="cc_cart_wrapper1 menu-button float_left">
									<div class="cc_cart_img_wrapper">
										<img src="images/ft1.jpg" alt="cart_img" />
									</div>
									<div class="cc_cart_cont_wrapper">
										<h4><a href="#">产品展示</a></h4>
										<p>数量 : 2 × ￥45</p>
										<h5>￥90</h5>
										<button type="button" class="close" data-dismiss="modal">&times;</button>
									</div>
								</div>
							</li>
							<li>
								<div class="cc_cart_wrapper1 menu-button float_left">
									<div class="cc_cart_img_wrapper">
										<img src="images/ft2.jpg" alt="cart_img" />
									</div>
									<div class="cc_cart_cont_wrapper">
										<h4><a href="#">产品名称</a></h4>
										<p>数量 : 2 × ￥45</p>
										<h5>$￥90</h5>
										<button type="button" class="close" data-dismiss="modal">&times;</button>
									</div>
								</div>
							</li>
							<li>
								<div class="cc_cart_wrapper1 menu-button float_left">
									<div class="cc_cart_img_wrapper">
										<img src="images/ft3.jpg" alt="cart_img" />
									</div>
									<div class="cc_cart_cont_wrapper">
										<h4><a href="#">产品名称</a></h4>
										<p>数量 : 2 × ￥45</p>
										<h5>$￥90</h5>
										<button type="button" class="close" data-dismiss="modal">&times;</button>
									</div>
								</div>
							</li>
							<li>
								<div class="buzz_cart_btn"> <a href="checout.html">查看</a>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<button id="selfmsg" style="position:absolute;right:500px;width:200px;margin:180px;color: lawngreen;font-size:40px;background: #0d8ddb" ><a href="checout.html">个人信息</a></button>
		<div class="user_show" style="position:absolute;right:0px;width:300px;margin:80px;color: #FFFF00;font-size:40px;">未登录</div>
	</div>
</div>
</div>
<!-- ck navigation wrapper End -->
<!-- ck title wrapper -->
<div class="ck_title_main_wrapper float_left">
	<div class="container">
		<div class="row">
			<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
				<div class="ck_title_cont float_left">
					<p>产品展示</p>
				</div>
			</div>
			<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
				<div class="ck_title_cont float_left">
					<ul>
						<li><a href="#">主页 &nbsp; ></a>
						</li>
						<li>产品展示</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- ck title wrapper End -->
<!-- btc Shop Wrapper Start -->
<div class="btc_shop_indx_main_wrapper">
	<div class="container">
		<div class="row">
			<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12 d-none d-sm-none d-md-none d-lg-block d-xl-block">
				<div class="jp_rightside_job_categories_wrapper jp_blog_right_box_search">
					<div class="jp_rightside_job_categories_heading">
						<h4>搜索</h4>
					</div>
					<div class="jp_blog_right_search_wrapper">
						<input type="text" placeholder="Search" id="findByName">
						<button type="submit" onclick="butt()"> <i class="fa fa-search"></i>
						</button>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion2" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">分类目录<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p class="cc_pc_color1">
													<input type="checkbox" id="c31" name="cb">
													<label for="c31">全国冰淇淋月</label>
												</p>
												<p class="cc_pc_color2">
													<input type="checkbox" id="c32" name="cb">
													<label for="c32">烤阿拉斯加</label>
												</p>
												<p class="cc_pc_color3">
													<input type="checkbox" id="c33" name="cb">
													<label for="c33">儿童（冰淇淋）</label>
												</p>
												<p class="cc_pc_color4">
													<input type="checkbox" id="c34" name="cb">
													<label for="c34">鲍勃冰淇淋棒</label>
												</p>
												<p class="cc_pc_color5">
													<input type="checkbox" id="c35" name="cb">
													<label for="c35">木瓜奶油</label>
												</p>
												<p class="cc_pc_color6">
													<input type="checkbox" id="c36" name="cb">
													<label for="c36">冰淇淋驳船</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion3" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">价钱<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p>
													<input type="checkbox" id="c12" name="cb">
													<label for="c12">100￥ - 200￥</label>
												</p>
												<p>
													<input type="checkbox" id="c13" name="cb">
													<label for="c13">200￥ - 300￥</label>
												</p>
												<p>
													<input type="checkbox" id="c14" name="cb">
													<label for="c14">300￥ - 400￥</label>
												</p>
												<p>
													<input type="checkbox" id="c15" name="cb">
													<label for="c15">400￥ - 500￥</label>
												</p>
												<p>
													<input type="checkbox" id="c16" name="cb">
													<label for="c16">500￥ - 600￥</label>
												</p>
												<p>
													<input type="checkbox" id="c17" name="cb">
													<label for="c17">600￥ - 700￥</label>
												</p>
												<p>
													<input type="checkbox" id="c18" name="cb">
													<label for="c18">700￥ - 800￥</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion4" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">牌<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p>
													<input type="checkbox" id="c101" name="cb">
													<label for="c101">沃尔墙</label>
												</p>
												<p>
													<input type="checkbox" id="c102" name="cb">
													<label for="c102">阿伦冰淇淋</label>
												</p>
												<p>
													<input type="checkbox" id="c103" name="cb">
													<label for="c103">天然冰淇淋</label>
												</p>
												<p>
													<input type="checkbox" id="c104" name="cb">
													<label for="c104">波巴冰淇淋吧r</label>
												</p>
												<p>
													<input type="checkbox" id="c105" name="cb">
													<label for="c105">乳母</label>
												</p>
												<p>
													<input type="checkbox" id="c106" name="cb">
													<label for="c106">Top'N镇</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="ss_addver_sidebar ss_addver_sidebar_inner">
					<a href="#">
						<img src="images/add1.jpg" alt="Add">
					</a>
				</div>
			</div>
			<div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
				<div class="ck_prod_filter_main_box_wrapper">
					<div class="row">
						<div class="col-lg-5 col-md-5 col-sm-12 col-12">
							<div class="gc_shop_indx_search_box_wrapper">
								<div class="gc_shop_indx_search_box">
									<p><span>总共显示</span> 9条结果</p>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12 col-12">
							<div class="gc_shop_indx_view_tabs_wrapper">
								<div class="gc_shop_indx_view_tabs">
									<ul class="nav nav-tabs">
										<li class="nav-item">
											<a class="nav-link active" data-toggle="tab" href="#menu1"> <i class="flaticon-menu"></i>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12 col-12">
							<div class="gc_shop_indx_select_box_wrapper">
								<div class="gc_causes_select_box">
									<select id="ifcc">
										<option selected = "selected">默认排序</option>
										<option id="pricedown">价格降序</option>
										<option>销量降序</option>
									</select><i class="fa fa-angle-down"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-12">
						<div class="tab-content">
							<div id="menu1" class="tab-pane active">
								<div class="row " id="content">
									<div class="col-lg-4 col-md-6 col-sm-6 col-12" id="dot">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice1img" src="images/e2.png" alt="img">
											</div>
											<div id="ice1" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star ck_elem_star_ps">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice2img" src="images/e2.png" alt="img">
											</div>
											<div id="ice2" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice3img" src="images/e3.png" alt="img">
											</div>
											<div id="ice3" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3 >樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice4img" src="images/e4.png" alt="img">
											</div>
											<div id="ice4" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice5img" src="images/e5.png" alt="img">
											</div>
											<div id="ice5" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice6img" src="images/e6.png" alt="img">
											</div>
											<div id="ice6" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice7img" src="images/e7.png" alt="img">
											</div>
											<div id="ice7" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice8img" src="images/e8.png" alt="img">
											</div>
											<div id="ice8" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-4 col-md-6 col-sm-6 col-12">
										<div class="ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left">
											<div class="ck_elem_slide_img float_left">
												<img id="ice9img" src="images/e9.png" alt="img">
											</div>
											<div id="ice9" class="ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left">
												<h3>樱桃香草</h3>
												<div class="ck_elem_star">	<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
													<i class="fas fa-star"></i>
												</div>
												<p>Aenean sollicitudin, lorem quis</p>
												<h5>￥ 10.00</h5>
												<div class="ck_offer_btn ck_offer_btn_inner float_left">	<a href="#">添加到购物车</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12 d-block d-sm-block d-md-block d-lg-none d-xl-none">
				<div class="jp_rightside_job_categories_wrapper jp_blog_right_box_search ck_searchhhhh">
					<div class="jp_rightside_job_categories_heading">
						<h4>Search</h4>
					</div>
					<div class="jp_blog_right_search_wrapper">
						<input type="text" placeholder="Search">\
						<button type="submit"><i class="fa fa-search"></i>
						</button>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion5" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">Categories<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p class="cc_pc_color1">
													<input type="checkbox" id="c001" name="cb">
													<label for="c001">National Ice Cream Month</label>
												</p>
												<p class="cc_pc_color2">
													<input type="checkbox" id="c002" name="cb">
													<label for="c002">Baked Alaska</label>
												</p>
												<p class="cc_pc_color3">
													<input type="checkbox" id="c003" name="cb">
													<label for="c003">Bambino (ice-cream)</label>
												</p>
												<p class="cc_pc_color4">
													<input type="checkbox" id="c004" name="cb">
													<label for="c004">Bob ice cream bar</label>
												</p>
												<p class="cc_pc_color5">
													<input type="checkbox" id="c005" name="cb">
													<label for="c005">Creme de papaya</label>
												</p>
												<p class="cc_pc_color6">
													<input type="checkbox" id="c006" name="cb">
													<label for="c006">Ice cream barge</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion6" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">Price<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p>
													<input type="checkbox" id="c007" name="cb">
													<label for="c007">100$ - 200$</label>
												</p>
												<p>
													<input type="checkbox" id="c008" name="cb">
													<label for="c008">200$ - 300$</label>
												</p>
												<p>
													<input type="checkbox" id="c009" name="cb">
													<label for="c009">300$ - 400$</label>
												</p>
												<p>
													<input type="checkbox" id="c0010" name="cb">
													<label for="c0010">400$ - 500$</label>
												</p>
												<p>
													<input type="checkbox" id="c0011" name="cb">
													<label for="c0011">500$ - 600$</label>
												</p>
												<p>
													<input type="checkbox" id="c0012" name="cb">
													<label for="c0012">600$ - 700$</label>
												</p>
												<p>
													<input type="checkbox" id="c0013" name="cb">
													<label for="c0013">700$ - 800$</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="cc_pc_first_accordion_wrapper cc_pc_second_accordion_wrapper">
					<div class="cc_pc_accordion">
						<ul id="accordion7" class="accordion">
							<li class="default open">
								<div class="link cc_product_heading">brand<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li>
										<div class="content">
											<div class="box">
												<p>
													<input type="checkbox" id="c0014" name="cb">
													<label for="c0014">Kwality Walls</label>
												</p>
												<p>
													<input type="checkbox" id="c0015" name="cb">
													<label for="c0015">Arun Ice Creams</label>
												</p>
												<p>
													<input type="checkbox" id="c0016" name="cb">
													<label for="c0016">Naturals Ice Cream</label>
												</p>
												<p>
													<input type="checkbox" id="c0017" name="cb">
													<label for="c0017">Boba ice cream bar</label>
												</p>
												<p>
													<input type="checkbox" id="c0018" name="cb">
													<label for="c0018">Mother Dairy</label>
												</p>
												<p>
													<input type="checkbox" id="c0019" name="cb">
													<label for="c0019">Top’ N Town</label>
												</p>
											</div>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="ss_addver_sidebar ss_addver_sidebar_inner">
					<a href="#">
						<img src="images/add1.jpg" alt="Add">
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- btc Shop Wrapper End -->
<!-- cll wrapper Start-->
<div class="ck_call_main_wrapper float_left">
	<div class="container">
		<div class="ck_cll_left_wrapper">
			<div class="ck_cll_icon align-self-center">	<i class="flaticon-phone-contact"></i>
				<h4>Call Us</h4>
				<p>+91 907 474 4316</p>
			</div>
			<div class="ck_cll_img">
				<img src="images/cll_img.png" alt="img">
			</div>
		</div>
		<div class="ck_cll_right_wrapper">
			<div class="cl_cll_form">
				<input type="text" placeholder="Your Email">
				<button>Subscribe</button>
			</div>
		</div>
	</div>
</div>

<div class="section2_bottom_wrapper float_left">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
				<div class="btm_foter_box">
					<p>Copyright © 2019 <a href="#"> Cool Town</a> Template by <a href="#"> Webstrot</a>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- st login wrapper Start -->
<div class="modal fade st_pop_form_wrapper" id="myModal" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content" id="logM">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
			<div class="st_pop_form_heading_wrapper float_left">
				<h3>登录</h3>
			</div>
			<div class="st_profile_input float_left">
				<input id="check1" type="text" placeholder="请输入用户名">
			</div>
			<div class="st_profile_input st_profile__pass_input_pop float_left">
				<input id="check2" type="password" placeholder="Password">
			</div>
			<div class="st_form_pop_signin_btn float_left">
				<h4>还没账号？ <a href="checout.html" data-toggle="modal" data-target="#myModa3" target="_blank">立即注册</a></h4>
			</div>
			<div class="st_form_pop_fp float_left">
				<h3><a href="#" data-toggle="modal" data-target="#myModa2" target="_blank">忘记了密码?</a></h3>
			</div>
			<div class="st_form_pop_login_btn float_left" id="check3"> <a onclick="submit()">登录</a>
			</div>
		</div>
	</div>
</div>
<div class="modal fade st_pop_form_wrapper" id="myModa2" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
			<div class="st_pop_form_heading_wrapper st_pop_form_heading_wrapper_fpass float_left">
				<h3>忘记密码？</h3>
				<p>我们可以帮助你，输入电话号码或者注册码</p>
			</div>
			<div class="st_profile_input st_profile_input_very float_left">
				<input  id="rig" type="text" placeholder="识别码或者电话号码">
			</div>
			<div class="st_form_pop_fpass_btn float_left" onclick="rig()">	<a href="#">检测</a>
			<div class="st_form_pop_fpass_btn float_left" id="rig1"></div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade st_pop_form_wrapper" id="myModa3" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
			<div class="st_pop_form_heading_wrapper float_left">
				<h3>注册</h3>
			</div>
			<div class="st_profile_input float_left">
				<input id="regis1"  type="text" placeholder="Email / Mobile Number">
			</div>
			<div class="st_profile_input st_profile__pass_input_pop float_left">
				<input id="regis2" type="password" placeholder="Password">
			</div>
			<div class="st_form_pop_login_btn float_left" onclick="regis()">	<a href="#">点击注册</a>
			</div></div>

	</div>
</div>
<!-- st login wrapper End -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/fullpage.min.js"></script>
<script src="js/scrolloverflow.js"></script>
<script src="js/demo3.js"></script>
<script src="js/easings.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/custom.js"></script>
<!-- custom js-->
<script>
	function rig() {
		var detection = $("#rig").val();
		var username = $("#check1").val();
		var param={mobile:detection,yzm:detection,username:username};
		$.post("/iceuser/findPassword",param,function (result) {
			if(username==""){
				alert("用户名为空");
			}else{
			alert(result.data[0]);
			alert(result.data[1]);
			}
		})
	}
    function  regis() {
        var r1 = $("#regis1").val();
        var r2 = $("#regis2").val();
        var param2={username:r1,password:r2};
        $.post("/iceuser/addUser",param2,function (result) {
            alert(result.message);
        });
    }
	function rest(){
		$(".user_show").html("未登录");
		alert("已经退出登录")
		$("#qwer").hide();
		$("#logout").show();
	}
	function submit() {    //登录
		var val = $("#check1").val();
		var val1 = $("#check2").val();
		var param={username:val,password:val1};
		if(val!="Manager"){
		$.post("/iceuser/checkUser",param,function (result) {
			alert(result.message);
			if(result.message=="验证成功"){
				$("#logM").hide();
				$(".user_show").html("你好，"+param.username);
				var p = $("#logout").parent();
				$("#logout").hide();
				var a = "<BUTTON id='qwer' style='color: #0cc215;border: 1px solid;' onclick='rest()'>退出登录</BUTTON>"
				p.append(a);
			}
		})}else{
			//管理员登录
            var param1={username:val,password:val1};
            $.post("/iceuser/iceManager",param1,function (result){
                window.location.href = "index.html";
            });
	}}
	function  butt() {
		var textName=$("#findByName").val();
		$.post("/ice/findByName",{name:textName},function (result) {
			$("#content").empty();
			handData("ice"+1,result.data[0]);
		})
	}
	function handData(obj,rec){
		// $(obj+"img").prop("src",rec.url);
		// $(obj).find("h3").html(rec.name);
		// $(obj).find("p").html(rec.describe);
		// $(obj). find("h5").html("$"+rec.price)
		var x = obj+"img";
		var ch = "\t\t\t\t<div class=\"col-lg-4 col-md-6 col-sm-6 col-12\" id="+obj+">\n" +
				"\t\t\t\t\t\t\t\t\t\t<div class=\"ck_elem_slide_img_wrapper ck_elem_slide_img_wrapper_inner float_left\">\n" +
				"\t\t\t\t\t\t\t\t\t\t\t<div class=\"ck_elem_slide_img float_left\">\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<img id=\'"+x+"\' src=\""+rec.url+"\" alt=\"img\">\n" +
				"\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t<div  class=\"ck_elem_slide_img_cont ck_elem_slide_img_cont_inner float_left\">\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<h3>"+rec.name+"</h3>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ck_elem_star ck_elem_star_ps\">\t<i class=\"fas fa-star\"></i>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-star\"></i>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-star\"></i>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-star\"></i>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-star\"></i>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<p>"+rec.description+"</p>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<h5>$"+rec.price+"</h5>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ck_offer_btn ck_offer_btn_inner float_left\">\t<a href=\"#\">添加到购物车</a>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
				"\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
				"\t\t\t\t\t\t\t\t\t\t</div>\n" +
				"\t\t\t\t\t\t\t\t\t</div>"

		$("#content").append(ch);
		$("#"+obj).data("ice_id",rec.id);
	}
	$(function() {

		DoInit();
		$('#ifcc').change(function() {
			var jQ = $("#pricedown").prop('selected');
			if(jQ==true){
				$.get("/ice/findPriceDown",function (result) {
					console.log(result.data.price)
					$("#content").empty();
					for (var i = 0; i < result.data.length ; i++) {
						handData("ice"+(i+1),result.data[i])
					}
				});
			}
			else{
				console.log($("#ice1"))
				DoInit();}
		});
		var Accordion = function(el, multiple) {
			this.el = el || {};
			this.multiple = multiple || false;

			// Variables privadas
			var links = this.el.find('.link');
			// Evento
			links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
		}

		Accordion.prototype.dropdown = function(e) {
			var $el = e.data.el;
			$this = $(this),
					$next = $this.next();

			$next.slideToggle();
			$this.parent().toggleClass('open');

			if (!e.data.multiple) {
				$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
			};
		}

		var accordion = new Accordion($('#accordion2, #accordion3, #accordion4, #accordion5, #accordion6, #accordion7, #accordion8, #accordion9, #accordion10, #accordion11, #accordion12, #accordion13'), false);
	});
	function DoInit(){
		var params={"id":1};
		$.get("/ice/load",params,function(result){
			$("#ice1img").prop("src", result.data[0].url);
			$("#ice1").find("h3").html(result.data[0].name);
			$("#ice1").find("p").html(result.data[0].description);
			$("#ice1").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":2};
		$.get("/ice/load",params,function(result){
			$("#ice2img").attr("src",result.data[0].url);
			$("#ice2").find("h3").html(result.data[0].name);
			$("#ice2").find("p").html(result.data[0].description);
			$("#ice2").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":3};
		$.get("/ice/load",params,function(result){
			$("#ice3img").attr("src",result.data[0].url);
			$("#ice3").find("h3").html(result.data[0].name);
			$("#ice3").find("p").html(result.data[0].description);
			$("#ice3").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":4};
		$.get("/ice/load",params,function(result){
			$("#ice4img").attr("src",result.data[0].url);
			$("#ice4").find("h3").html(result.data[0].name);
			$("#ice4").find("p").html(result.data[0].description);
			$("#ice4").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":5};
		$.get("/ice/load",params,function(result){
			$("#ice5img").attr("src", result.data[0].url);
			$("#ice5").find("h3").html(result.data[0].name);
			$("#ice5").find("p").html(result.data[0].description);
			$("#ice5").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":6};
		$.get("/ice/load",params,function(result){
			$("#ice6img").attr("src", result.data[0].url);
			$("#ice6").find("h3").html(result.data[0].name);
			$("#ice6").find("p").html(result.data[0].description);
			$("#ice6").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":7};
		$.get("/ice/load",params,function(result){
			$("#ice7img").attr("src", result.data[0].url);
			$("#ice7").find("h3").html(result.data[0].name);
			$("#ice7").find("p").html(result.data[0].describe);
			$("#ice7").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":8};
		$.get("/ice/load",params,function(result){
			$("#ice8img").attr("src", result.data[0].url);
			$("#ice8").find("h3").html(result.data[0].name);
			$("#ice8").find("p").html(result.data[0].description);
			$("#ice8").find("h5").html("$"+result.data[0].price);
		});
		var params={"id":9};
		$.get("/ice/load",params,function(result){
			$("#ice9img").attr("src", result.data[0].url);
			$("#ice9").find("h3").html(result.data[0].name);
			$("#ice9").find("p").html(result.data[0].description);
			$("#ice9").find("h5").html("$"+result.data[0].price);
		});
	}
</script>
</body>

</html>